@charset "utf-8";

html {font-size: 10px;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0); color:#333; font-family:"Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}

.nodata{ text-align:center;font-size: 1.5rem;    letter-spacing: 0.2rem;color: #999;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],input[type="number"] {
-webkit-appearance: none; border-radius:unset;}
textarea,select {-webkit-appearance: none;}
input[disabled],button[disabled]{  border: 1px solid #DDD!important; background-color: #F5F5F5!important; color:#ACA899!important;}


.container{
    width: 100%;
    max-width: 640px;margin: 0 auto;
    min-width: 320px;
    overflow:hidden;
    position:relative;
}

/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{  background:#fff;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none; color:#333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none; font-size:0.93rem;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:1rem;}


/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

/*显示2行标题 */
.cols2{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.cols3{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}


/*杂项*/
.u-co-bt{ border-radius:4px; /*css3圆角*/ width:80px; height:26px; line-height:26px; display: inline-block; vertical-align: middle;  padding-top:1px;}/*提交按钮样式*/
.u-co-bt.z-spe{ width:100%;}
.u-lico{ width:24px; height:24px; border-radius:4px;  /*css3圆角*/ background:#000; padding:10px;opacity: 0.8; position:relative; left:50%; margin:10px 0 10px -14px; box-shadow:0 0 3px #2d2d2d;}/*等待载入*/
.fs15{font-size:1.25rem;} /*15号字体*/
.fs12{font-size:1rem;} /*12号字体*/
.red { color:#f00; } /*字体颜色红色*/
.emptyData{background: #f9f9f9;
    display: block;
    text-align: center;
    line-height: 4rem;
    font-size: 1.5rem;
    color: #999!important; letter-spacing:0.2rem; }

/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0;display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading .loading-img{position:fixed;width:100%;height:100%; top:0;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #14AE93; background:#14AE93; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
.wrap{ opacity:1;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}


/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/




/*------通用部件-----*/



/* 内页分页样式  */
.g-page{ padding-bottom:2rem; padding-top:1rem;}
.g-page .u-pup,.g-page .u-pne,.g-page .u-sa{border-radius:5px;display:inline-block;font-size:1em;height: 30px;line-height: 30px; text-align: center;width:25%;} /*上一页样式*/
.g-page p{ width:10%; display: inline-block;}
.g-page .pager-select{display:inline-block;padding:0 20px; margin: 0 10px; width:10%; height: 30px; line-height: 30px; position:relative; top: 10px;}
.g-page .page_number{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events:none;  border-radius: 5px; box-shadow: 0 0 5px #333 inset; text-indent: -1em;}
.g-page .page_number:before{ width: 0; height:0; content: ""; position: absolute; border-top: 5px solid #aaa; border-left: 5px solid rgba(0,0,0,0);border-right: 5px solid rgba(0,0,0,0); left: 50%; margin-left:15px; top: 12px;}
.g-page .pager-select .page_number span{ padding: 0 2px; font-weight: bold;}
.g-page .select_box{ width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; text-align: center;}
/* 内页分页样式  */





/*内页面包屑导航样式 开始*/
.m-btit {line-height: 3rem; padding-left: 0.916rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);  /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，正常的写法*/
	border-bottom:1px solid #d9d9d9; } /*内页面包屑导航背景*/
.m-btit:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-top: 1px solid #fff;}	/*内页面包屑导航背景上面的线条*/
.m-btit span{ padding:0 8px; position:relative; height:100%; top:-12px; display:inline-block;}
.m-btit span:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	background:#7c7c7c;
	width:8px;
    height:8px;
    left:2px;
	top:3px;
	z-index:10;
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
.m-btit span:after{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	width:8px;
    height:8px;
    left:1px;
	top:3px;
	z-index:11; background-color:#f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/
	background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*背景渐变，正常的写法*/
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);	} /*角度45度，内页面包屑箭头样式*/
/*内页面包屑导航样式 结束*/	

/*谢书烈  2019-08-28添加*/
body,html{ width:100%; max-width:640px; min-width:320px; margin:0 auto;}
.g-hd img,.g-ft img{ width:100%; display:block; }
  /*分享图标*/
.pageShare img{ display:block; width:0px; height:0px;}

/*404样式一*/
.notfound_bg p{ display:block; font-size:10rem; line-height:150%; letter-spacing:0.5rem;}
.notfound dl{display: flex;align-items: center;    justify-content: center; flex-flow: row wrap; padding-left:4rem; padding-right:4rem;}
.notfound dl dt{text-align:left; display:inline-block;}
.notfound dl dd{ display:inline-block;}
.notfound dt em{ color:#6f6f6f; font-size:1rem; word-spacing: 0.25rem; font-weight:bold; text-transform:uppercase; display:block;}
.notfound dt em strong,.notfound dt b strong{ color:#0073bd;}
.notfound dt b{ display:block; font-size:3.5rem; color:#333; padding-top:0.4rem; padding-bottom:0.4rem;}
.notfound dt p{ font-size:1.3rem; color:#666; display:block; margin-bottom:1rem;}
.notfound dt a{ display:inline-block; width:7.75rem; text-align:center; font-size:1rem; height:2.5rem; line-height:2.5rem; color:#fff; margin-right:1rem; border-radius:0.2rem; background:#333;}
.notfound dt a:hover{ opacity:0.8;}
.notfound dt .home{ background:#0073bd;}
.notfound dt i{ display:block; margin-top:1rem; margin-bottom:0.6rem; color:#666;}
.notfound dt span{ font-size:1.4rem; color:#333; font-weight:bold; display:block; background:url(../img/tel.png) no-repeat left center; background-size:auto 100%; line-height:1.75rem; padding-left:2rem }
.notfound dd{}

/*站点地图*/
.g-map .m-con{ padding:0 10px 10px 10px;}
.g-map .main_tit{ line-height:30px; font-size:16px; height:30px; text-shadow:1px 1px 1px #fff;text-indent:10px; margin:10px 0;}
.g-map .map_list{border:1px solid #ddd; border-radius:5px; width:100%; overflow:hidden; box-shadow:2px 1px 3px #ddd;}
.g-map .map_list a li{ float:left; display:table-cell; width:33%; padding:10px 0; text-align:center; white-space:nowrap; overflow:hidden; position:relative; text-overflow: ellipsis;}
.g-map .map_list a li:before{content:""; position:absolute;right:0; top:0; height:100%;border-right:1px dashed #ddd;}
.g-map .map_list a li:after{content:""; position:absolute;bottom:0; left:0; width:100%; border-bottom:1px dashed #ddd;}
.g-map .map_list a:nth-child(3n) li:before{ border-right:0;}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------做单时把下面的头部和底部样式删除，换成自己写的样式，样式命名按规范命名----------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*默认下拉导航
.erji{display: none;position:fixed; right:0; top:0; width:100%; z-index: 99999; max-width:640px; height:100%; padding:6rem 0;background: rgba(0,0,0,0.8);}
.erji .ul a{line-height: 4rem;height: 4rem; border-bottom:rgba(255,255,255,0.25) 1px solid; width: 100%;text-align: center;}
.erji .ul a:last-child{border-bottom:none;}
.erji .ul a{font-size: 1.4rem;color: #fff;display: block;width: 100%;}
.erji .cs{ display:block; position:absolute; right:0.8rem; top:0.8rem; width:20px; height:20px;}
*/


#Details_Page{}



/*内页底部浮动导航*/
.pro-nav{position:fixed;width:100%;text-align:center;bottom:5rem;left:0;z-index:100;opacity: 0.8;}
.pro-nav .more{display:block;height:4rem;line-height:4rem;background:#222; background-size: contain; font-size:1.4rem;color:#fff;}
.pro-nav-list{position:absolute;width:100%;bottom:100%;left:-100%;background:#222; background-size: contain; -webkit-transition:left .3s linear;transition:left .3s linear;}
.pro-nav-list a{display:block;width:100%;height:3.5rem;line-height:3.5rem;border-bottom:1px solid #999;text-align:center;color:#fff;font-size:1.2rem;}
.pro-nav-list a.cur{ color:#ff6239; font-weight:bold;}
.pro-nav-list a:first-child{border-top:0;}
.pro-nav-list.open{left:0;}

.pro_menu a{ width:50%;display: inline-block;float: left;}



/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------头部样式，底部样式替换----------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*头部样式*/
.g-hd{height:5rem;position: relative;background: #fff;}
.g-hd img{display: block;width: 100%;}
.g-hd h1{float: left;width:41.1%;margin-left: 3.125%;margin-top:0.7rem;}
.g-hd h1 img{width:100%;}
.g-hd .m-nav2{float: right;width:6.09%;margin-top:1.55rem;margin-right:4.38%;}
#menu{display: none; position: absolute; right: 0; top:5rem; width: 100%; height: 51.8rem; background: #fff; z-index: 100; text-align: center;background: url(../img/menu-bg.jpg) no-repeat center top;background-size:100% 100%;}
#menu p{width: 90%;margin: 1rem auto 0;}
#menu p a{display: block; height:3.9rem; line-height:3.9rem; font-size: 1.2rem; color: #dfdfdf;border-bottom:1px dotted rgba(255,255,255,0.5);}
#menu p a.cur{color:#fff;font-weight: bold;}
#menu em{width: 14rem;margin: 0 auto;margin-top: 4.9rem;display: block;line-height: 3.5rem;text-align: center;background: #1eb99e;border-radius: 2rem;
    font-size:1.2rem;}
#menu em a{display:block;}
#menu em img{width:1.8rem;display:inline-block;vertical-align: middle;margin-right:1rem;}
#menu em span{color:#fff;display:inline-block;vertical-align: middle;}




/*底部*/
.foot-t{background:#efefef;background-size: 100% 100%;box-sizing: border-box;margin-bottom: 5rem;position: relative;padding-top: 2rem;padding-bottom: 1rem;}
.foot-t .top{text-align: center;display: block;margin-bottom: 1.5rem;position: absolute;right: 0.5rem;}
.foot-t .top img{width: 3.6rem;margin: 0 auto;}
.foot-t p{font-size: 1rem;color: #666;line-height: 2rem;text-align: center;}
.foot-t p a{margin: 0 2rem;display:inline-block;color: #000;}
.foot-t p b{font-weight: bold;color: #14AE93;}
.foot-t p span{margin-left: 1rem;}
.foot-t .support a {margin: 0;}


.foot-b{height: 5rem;min-width: 320px;max-width: 640px;width: 100%;position: fixed;bottom: 0;z-index: 100;background:#15B89B;background-size: 100% 100%;}
.foot-b li{float: left;width: 25%;text-align: center;background: url(../img/foot-line.png) no-repeat right center;background-size: 2px 3.5rem;height: 100%;}
.foot-b li:last-child{background: none;}
.foot-b li:first-child img{width: 3rem;display: block;margin-top: 1rem;}
.foot-b li img{display:block;width: auto;margin: .75rem auto 0.5rem;width:2rem;}
.foot-b li span{display: block;color: #ffffff;font-size: 1rem;line-height:1rem;}

/*分页*/
.pagination{padding:10px 0; text-align:center;}
.pagination li{border-radius:3px; border:1px solid #dfdfdf;display:inline-block;margin:0 2px;}
.pagination .active{background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}
.pagination .disabled{color:#aaa;}
.pagination a{ border-radius:3px;display:inline-block; padding:5px 12px;}
.pagination span{border-radius:3px;display:inline-block;padding:5px 12px;}